<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2021/5/3
  Time: 21:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>CarWorld HTML Template | Services</title>
    <!-- Stylesheets -->
    <link href="/boot/css/bootstrap.css" rel="stylesheet">
    <link href="/boot/css/style.css" rel="stylesheet">
    <link href="/boot/css/responsive.css" rel="stylesheet">

    <!--Favicon-->
    <link rel="shortcut icon" href="/boot/images/favicon.png" type="image/x-icon">
    <link rel="icon" href="/boot/images/favicon.png" type="image/x-icon">
    <!-- Responsive -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>

<body>

<div class="page-wrapper">

    <div class="preloader"></div>


        <!--顶端-->
        <div class="header-top">
            <div class="auto-container">

            </div>
        </div>




        <div class="sticky-header">
            <div class="auto-container clearfix">

                <div class="logo pull-left">
                    <a href="index.jsp" class="img-responsive" title="Car World"><img src="/boot/images/logo-small.png" alt="Tali" title="Car World"></a>
                </div>




            </div>
        </div>
        <!--End Sticky Header-->

    </header>
    <!--End Main Header -->

    <!--Page Title-->

<jsp:include page="../../nav.jsp" flush="true"></jsp:include>

    <section class="page-title" style="background-image:url(/boot/images/background/5.jpg);">
        <div class="auto-container">
            <h1>售后服务</h1>
        </div>
    </section>
    <section class="page-info">
        <div class="auto-container">
            <ul class="bread-crumb">
                <li><a href="index.html">首页</a></li>
                <li class="current">售后服务</li>
            </ul>
        </div>
    </section>

    <section class="services-section-two">
        <div class="auto-container">
            <div class="row clearfix">
                <div class="image-column col-md-6 col-sm-12 col-xs-12">
                    <div class="image">
                        <img src="/boot/images/resource/about-3.jpg" alt="" />
                    </div>
                </div>
                <div class="content-column col-md-6 col-sm-12 col-xs-12">
                    <div class="inner-column">
                        <div class="sec-title">
                            <h2>通用服务</h2>
                        </div>
                        <div class="text">龙腾售后中心维修团队具备十余年高端名车维修养护经验：100人强大技师团队：品牌专用电脑、高端设备实施及品牌配件，全面保障你的用车安全</div>
                        <div class="row clearfix">
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <ul class="list-style-four">
                                    <li>冲洗变速箱油</li>
                                    <li>检查/更换雨刷 </li>
                                    <li>检查或更换刹车片</li>
                                    <li>道路救援</li>
                                </ul>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-12">
                                <ul class="list-style-four">
                                    <li>检查或更换同步带</li>
                                    <li>清洁或更换电池</li>
                                    <li>7天无理由退货</li>
                                    <li>检查/更换燃油滤清器</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="services-blocks-section">
                <div class="row clearfix">
                    <div class="services-block-four col-md-4 col-sm-12 col-xs-12">
                        <div class="inner-box">
                            <div class="image">
                                <img src="/boot/images/resource/service-2.jpg" alt="" />
                            </div>
                            <h3><a href="#">临时汽车服务</a></h3>
                            <div class="text">建议每6个月高里程驾驶员或更频繁地使用临时服务。</div>
                        </div>
                    </div>

                    <div class="services-block-four col-md-4 col-sm-12 col-xs-12">
                        <div class="inner-box">
                            <div class="image">
                                <img src="/boot/images/resource/service-3.jpg" alt="" />
                            </div>
                            <h3><a href="#">全方位汽车服务</a></h3>
                            <div class="text">我们的全方位服务超出了大多数制造商的服务时间表。如果您预订全套汽车服务。</div>
                        </div>
                    </div>

                    <div class="services-block-four col-md-4 col-sm-12 col-xs-12">
                        <div class="inner-box">
                            <div class="image">
                                <img src="/boot/images/resource/service-4.jpg" alt="" />
                            </div>
                            <h3><a href="#">大型汽车服务</a></h3>
                            <div class="text">我们的全方位服务超出了大多数制造商的服务时间表。如果您预订全套汽车服务。</div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <section class="services-section-three">
        <div class="auto-container">
            <!--Sec Title-->
            <div class="sec-title light centered">
                <h2>全方位服务</h2>
            </div>
            <div class="four-item-carousel owl-carousel owl-theme">
                <div class="services-block-five">
                    <div class="inner-box">
                        <div class="content-box">
                            <div class="icon-box">
                                <span class="icon flaticon-rim"></span>
                            </div>
                            <h3><a href="#">车轮保养</a></h3>
                            <div class="text">为确保轮胎的行驶里程和性能，建议每月进行一次简单的检查，看胎压是否正常，轮胎磨损是否均匀</div>
                        </div>
                        <div class="overlay-box" style="background-image:url(/boot/images/resource/service-5.jpg);">
                            <div class="overlay-inner">
                                <div class="icon-box">
                                    <span class="icon flaticon-rim"></span>
                                </div>
                                <h3><a href="#">车轮保养</a></h3>
                                <div class="text">为确保轮胎的行驶里程和性能，建议每月进行一次简单的检查，看胎压是否正常，轮胎磨损是否均匀</div>
                                <a href="#" class="read-more">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="services-block-five">
                    <div class="inner-box">
                        <div class="content-box">
                            <div class="icon-box">
                                <span class="icon flaticon-spray-gun"></span>
                            </div>
                            <h3><a href="#">发动机清洗</a></h3>
                            <div class="text">洁净发动机润滑系统，增强机油流动性，提升发动机功效，降低噪音，减少燃油及机油损耗。</div>
                        </div>
                        <div class="overlay-box" style="background-image:url(images/resource/service-5.jpg);">
                            <div class="overlay-inner">
                                <div class="icon-box">
                                    <span class="icon flaticon-spray-gun"></span>
                                </div>
                                <h3><a href="#">发动机清洗</a></h3>
                                <div class="text">洁净发动机润滑系统，增强机油流动性，提升发动机功效，降低噪音，减少燃油及机油损耗。</div>
                                <a href="#" class="read-more">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!--Services Block Five-->
                <div class="services-block-five">
                    <div class="inner-box">
                        <div class="content-box">
                            <div class="icon-box">
                                <span class="icon flaticon-symbol"></span>
                            </div>
                            <h3><a href="#">空气滤芯器</a></h3>
                            <div class="text">将悬浮在空气中的灰尘、沙粒等杂质过滤掉,防止它们进入发动机,给发动机提供清洁并且足量的空气。</div>
                        </div>
                        <div class="overlay-box" style="background-image:url(/boot/images/resource/service-5.jpg);">
                            <div class="overlay-inner">
                                <div class="icon-box">
                                    <span class="icon flaticon-symbol"></span>
                                </div>
                                <h3><a href="#">空气滤芯器</a></h3>
                                <div class="text">将悬浮在空气中的灰尘、沙粒等杂质过滤掉,防止它们进入发动机,给发动机提供清洁并且足量的空气。</div>
                                <a href="#" class="read-more">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <!--Services Block Five-->
                <div class="services-block-five">
                    <div class="inner-box">
                        <div class="content-box">
                            <div class="icon-box">
                                <span class="icon flaticon-car-washing"></span>
                            </div>
                            <h3><a href="#">变速箱油</a></h3>
                            <div class="text">保持汽车排档系统清洁的油类用品，起到润滑延长传动装置寿命的作用，在低温时也能进行极有效的润滑效果。</div>
                        </div>
                        <div class="overlay-box" style="background-image:url(/boot/images/resource/service-5.jpg);">
                            <div class="overlay-inner">
                                <div class="icon-box">
                                    <span class="icon flaticon-car-washing"></span>
                                </div>
                                <h3><a href="#">变速箱油</a></h3>
                                <div class="text">保持汽车排档系统清洁的油类用品，起到润滑延长传动装置寿命的作用，在低温时也能进行极有效的润滑效果。</div>
                                <a href="#" class="read-more">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!--End Services Section Three-->

    <!--Services Schedule Sections-->
    <section class="services-schedule-sections grey-bg">
        <div class="auto-container">
            <!--Sec Title-->
            <div class="sec-title">
                <h2>服务时间表</h2>
            </div>
            <div class="row clearfix">
                <!--Form Column-->
                <div class="form-column col-lg-9 col-md-12 col-sm-12 col-xs-12">

                    <!--Services Form-->
                    <div class="services-form">
                        <div class="form-box">
                            <form method="post" action="contact-form">
                                <div class="row clearfix">
                                    <div class="form-group col-md-4 col-sm-6 col-xs-12">
                                        <label>姓名*</label>
                                        <input type="text" name="name" value="" placeholder="" required>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-6 col-xs-12">
                                        <label>电话</label>
                                        <input type="text" name="phone" value="" placeholder="" required>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-6 col-xs-12">
                                        <label>邮箱*</label>
                                        <input type="text" name="email" value="" placeholder="" required>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-6 col-xs-12">
                                        <label>车型 / 车系</label>
                                        <input type="text" name="text" value="" placeholder="" required>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-6 col-xs-12">
                                        <label>服务*</label>
                                        <select class="custom-select-box">
                                            <option>车轮保养</option>
                                            <option>发动机清洗</option>
                                            <option>空气滤芯器</option>
                                            <option>变速箱油</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-6 col-xs-12">
                                        <label>日期和时间</label>
                                        <span class="clock-icon"><span class="icon fa fa-clock-o"></span></span>
                                        <input type="text" >
                                    </div>
                                    <div class="form-group col-md-4 col-sm-12 col-xs-12">
                                        <button type="submit" class="theme-btn btn-style-one">确认服务</button>
                                    </div>
                                    <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                        <div class="text"><span class="theme_color">*</span>我们的客户服务将在<span class="theme_color">24小时</span>内与您联系</div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!--End Services Form-->

                </div>
                <!--Time Column-->
                <div class="time-column col-lg-3 col-md-6 col-sm-12 col-xs-12">
                    <div class="inner-column">
                        <h3>服务时间:</h3>
                        <ul>
                            <li class="clearfix"><span class="left-text">周一 - 周五</span> <span class="right-text">上午09:00 - 下午18:00</span></li>
                            <li class="clearfix"><span class="left-text">周六</span> <span class="right-text">上午10:00 - 下午15:00</span></li>
                            <li class="clearfix"><span class="left-text">周日</span> <span class="right-text theme_color">休息</span></li>
                        </ul>
                        <div class="text"><span class="theme_color">*</span>法定节假日假期休息。</div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Services Schedule Sections-->

    <!--Brands Section-->
    <section class="brands-section">
        <div class="auto-container">
            <!--Sec Title-->
            <div class="sec-title centered">
                <h2>支持品牌</h2>
            </div>
            <div class="inner-section clearfix">
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/9.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/10.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/11.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/12.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/13.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/14.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/15.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/16.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/25.png" alt="" /></a>
                    </div>
                </div>
                <div class="sponsor-block">
                    <div class="image">
                        <a href="#"><img src="/boot/images/clients/26.png" alt="" /></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

    <jsp:include page="../../footer.jsp" flush="true"></jsp:include>
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-up"></span></div>

<script src="/boot/js/jquery.js"></script>
<script src="/boot/js/bootstrap.min.js"></script>
<script src="/boot/js/jquery.fancybox.pack.js"></script>
<script src="/boot/js/jquery.fancybox-media.js"></script>
<script src="/boot/js/owl.js"></script>
<script src="/boot/js/appear.js"></script>
<%--<script src="/boot/js/jquery.datetimepicker.js"></script>--%>
<script src="/boot/js/jquery-ui.js"></script>
<script src="/boot/js/wow.js"></script>
<script src="/boot/js/script.js"></script>

</body>
</html>

